.alert {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 100;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  border-radius: 0.375rem;
  -webkit-border-radius: 0.375rem;
  -moz-border-radius: 0.375rem;
  -ms-border-radius: 0.375rem;
  -o-border-radius: 0.375rem;

  .content {
    border-radius: 0.375rem 0.375rem 0 0;
    -webkit-border-radius: 0.375rem 0.375rem 0 0;
    -moz-border-radius: 0.375rem 0.375rem 0 0;
    -ms-border-radius: 0.375rem 0.375rem 0 0;
    -o-border-radius: 0.375rem 0.375rem 0 0;
    background-color: white;
    text-align: center;
    min-height: 6rem;
    line-height: 6rem;
    color: #222;
    width: 100%;
  }

  .butonOperaction {
    display: flex;
    align-items: center;
    justify-content: center;

    button:nth-of-type(1) {
      border-radius: 0 0 0 0.375rem;
      -webkit-border-radius: 0 0 0 0.375rem;
      -moz-border-radius: 0 0 0 0.375rem;
      -ms-border-radius: 0 0 0 0.375rem;
      -o-border-radius: 0 0 0 0.375rem;
    }

    .delete {
      background-color: rgba(245, 245, 245, 1);
      color: #e9734f;
      border-radius: 0 0 0.375rem 0;
      -webkit-border-radius: 0 0 0.375rem 0;
      -moz-border-radius: 0 0 0.375rem 0;
      -ms-border-radius: 0 0 0.375rem 0;
      -o-border-radius: 0 0 0.375rem 0;
    }
  }

  button {
    border: none;
    background-color: white;
    outline: none;
    width: 7rem;
    height: 3.1875rem;
    font-size: 1rem;
  }
}
